<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<style>
	.icon-conversatio{font-size: 20px;}
	.icon-conversatio:before{content: ' ';background: url('../../resources/imgs/icon/icon-conversation.png') center no-repeat;width: 20px;height:20px;}
</style>
<script>
		jQuery(document).ready(function() { 
			
			var url = getFtpUrl+"${sessionScope.userVO.userProfile.userPhotoUrl}"; 
		    
		    $("#img_user").prop("src",url); 
		});
	</script>
	<script type="text/javascript"  src="<%=request.getContextPath()%>/resources/assets/common/js/filetoftp.js"></script>
    <div class="header navbar navbar-inverse">
		<!-- BEGIN TOP NAVIGATION BAR -->
		<div class="navbar-inner">
			<div class="container-fluid">
				<!-- BEGIN LOGO -->
				<a class="brand" href="${sessionScope.web_home}">
					<img src="<%=request.getContextPath()%>${sessionScope.web_logoimg}" alt="logo" />
				</a>
				<!-- END LOGO -->
				<div class="sidebar-toggler hidden-phone"></div> <!-- BEGIN SIDEBAR TOGGLER BUTTON -->
				<!-- BEGIN RESPONSIVE MENU TOGGLER -->
				<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
					<img src="<%=request.getContextPath()%>/resources/assets/plugins/system/image/menu-toggler.png" alt="" />
				</a>
				<!-- END RESPONSIVE MENU TOGGLER -->
				<!-- BEGIN TOP NAVIGATION MENU -->
				<%--<ul class="nav pull-left">
					<li>
						<a href="#">
							<i class="icon-conversation" id="icon-conversation" style=""></i>
							<!-- <span class="conversation">2</span> -->
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon-warning" id="icon-warning" style=""></i>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="icon-help" id="icon-help" style=""></i>
						</a>
					</li>
				</ul>--%>
				<div id="nt-title-container" class="navbar-left running-text visible-lg span4" style="float:none;margin-left: auto;margin-right: auto;">
					<ul class="date-top span2">
						<%--<li class="icon-calendar" style="margin-right:5px"></li>--%>
						<li id="Date" style="text-align: center"></li>
					</ul>
					<ul id="digital-clock" class="digital span2">
						<%--<li class="icon-time" style="margin-right:5px"></li>--%>
						<li>
							<span class="header-hour"></span>
							<span>:</span>
							<span class="header-min"></span>
							<span>:</span>
							<span class="header-sec"></span>
							<span class="header-meridiem"></span>
						</li>
					</ul>
				</div>
				<ul class="nav pull-right" style="position: absolute;height: auto;width: auto;display: inline-block;float: none;top: 0;right: -5px">
					<!-- BEGIN NOTIFICATION DROPDOWN -->
					<li class="dropdown" id="header_notification_bar" style="outline: 0px; box-shadow: rgba(102, 188, 230, 0) 0px 0px 13px;outline: 0px; box-shadow: rgba(102, 188, 230, 0) 0px 0px 13px; outline-offset: 20px;">
						<ul class="dropdown-menu  " id="warnMsg"style="width:300px;">
							<li>
								<p id ="warnNum"></p>
							</li>
						</ul>

					</li>
					<!-- END NOTIFICATION DROPDOWN -->

					<!-- BEGIN INBOX DROPDOWN -->
					<li class="dropdown" id="header_inbox_bar">
						<!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="icon-envelope"></i>
                            <span class="badge">5</span>
                        </a> -->
						<ul class="dropdown-menu extended inbox">
							<!--
							<li>
								<p>您有12条新的消息！</p>
							</li>
							<li>
								<a href="inbox.html?a=view">
									<span class="photo">
										<img src="<%=request.getContextPath()%>/resources/assets/plugins/system/image/avatar2.jpg" alt="" /></span>
										<span class="subject">
											<span class="from">Lisa Wong</span>
											<span class="time">Just Now</span>
										</span>
										<span class="message">
											Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh...
										</span>
								</a>
							</li>
							<li>
								<a href="inbox.html?a=view">
									<span class="photo">
										<img src="./<%=request.getContextPath()%>/resources/assets/plugins/system/image/avatar3.jpg" alt="" />
									</span>
									<span class="subject">
										<span class="from">Richard Doe</span>
										<span class="time">16 mins</span>
									</span>
									<span class="message">
										Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh...
									</span>

								</a>
							</li>
							<li>
								<a href="inbox.html?a=view">
									<span class="photo">
										<img src="./<%=request.getContextPath()%>/resources/assets/plugins/system/image/avatar1.jpg" alt="" />
									</span>
									<span class="subject">
										<span class="from">Bob Nilson</span>
										<span class="time">2 hrs</span>
									</span>
									<span class="message">
										Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh...
									</span>
								</a>
							</li>
							<li class="external">
								<a href="inbox.html">
									See all messages <i class="m-icon-swapright"></i>
								</a>
							</li>
							 -->
						</ul>
					</li>
					<!-- END INBOX DROPDOWN -->

					<!-- BEGIN TODO DROPDOWN -->
					<li class="dropdown" id="header_task_bar">
						<!-- 	<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="icon-tasks"></i>
                                <span class="badge">5</span>
                            </a> -->
						<ul class="dropdown-menu extended tasks">
							<!--
                            <li>
                                <p>您有12条</p>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="task">
                                        <span class="desc">New release v1.2</span>
                                        <span class="percent">30%</span>
                                    </span>
                                    <span class="progress progress-success ">
                                        <span style="width: 30%;" class="bar"></span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="task">
                                        <span class="desc">Application deployment</span>
                                        <span class="percent">65%</span>
                                    </span>
                                    <span class="progress progress-danger progress-striped active">
                                        <span style="width: 65%;" class="bar"></span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="task">
                                        <span class="desc">Mobile app release</span> <span class="percent">98%</span>
                                    </span>
                                    <span class="progress progress-success">
                                        <span style="width: 98%;" class="bar"></span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="task">
                                        <span class="desc">Database migration</span>
                                        <span class="percent">10%</span>
                                    </span>
                                    <span class="progress progress-warning progress-striped">
                                        <span style="width: 10%;" class="bar"></span>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="task">
                                        <span class="desc">Web server upgrade</span>
                                        <span class="percent">58%</span>
                                    </span>
                                    <span class="progress progress-info">
                                    <span style="width: 58%;" class="bar"></span>
                                </span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="task">
                                        <span class="desc">Mobile development</span>
                                        <span class="percent">85%</span>
                                    </span>
                                    <span class="progress progress-success">
                                        <span style="width: 85%;" class="bar"></span>
                                    </span>
                                </a>
                            </li>
                            <li class="external">
                                <a href="#">See all tasks <i class="m-icon-swapright"></i></a>
                            </li>
                             -->
						</ul>
					</li>
					<!-- END TODO DROPDOWN -->
					<li class="dropdown user">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<!-- <img alt="" src="<%=request.getContextPath()%>/resources/assets/plugins/system/image/avatar1_small.jpg" />-->
							<img alt="" id="img_user" class="img-circle" style="width:40px;height:40px;" src="" />
							<span class="username">${sessionScope.userVO.userName}</span>
							<input id="input_sysUserId" value="${sessionScope.userVO.userId}" type="hidden"/>
							<i class="icon-angle-down"></i>
						</a>
						<ul class="dropdown-menu">
							<li>
								<a href="<%=request.getContextPath()%>/system/selfUpdate" style="padding:6% 0 6% 22%;margin-bottom:-10px;">
									<i class="icon-user"></i>
									我的信息
								</a>
							</li>
							<li class="divider"></li>

							<!-- <li>
								<a href="extra_lock.html">
									<i class="icon-lock"></i>
									锁定桌面
								</a>
							</li> -->
							<li>
								<a href="<%=request.getContextPath()%>/system/logout" style="padding:6% 0 6% 22%;margin-top:-10px;">
									<i class="icon-key"></i>
									退出系统</a>
							</li>
						</ul>
					</li>
					<%--<li>
						<jsp:include page="../common/sysStyle.jsp"></jsp:include>
					</li>--%>
				</ul>
				<!-- END TOP NAVIGATION MENU -->

			</div>

		</div>

		<!-- END TOP NAVIGATION BAR -->
	</div>
<!--
<div class="page-header navbar navbar-fixed-top">
	<div class="page-header-inner ">
		<div class="page-logo">
			<a href="<%=request.getContextPath()%>/system/index">
			   <img src="<%=request.getContextPath()%>/resources/imgs/logo/logo.gif" alt="logo" style="height:25px;margin-top:12px;width:170px" class="logo-default" />
			</a>
			<div class="menu-toggler sidebar-toggler"></div>
		</div>
		<a href="javascript:;" class="menu-toggler responsive-toggler"
			data-toggle="collapse" data-target=".navbar-collapse"> </a>
		<div class="top-menu">
			<ul class="nav navbar-nav pull-right">
				<li class="dropdown dropdown-user">
				    <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
					    <img alt="" class="img-circle" src="${sessionScope.userVO.userProfile.userPhotoUrl}" />
					    <span class="username username-hide-on-mobile">
							${sessionScope.userVO.userName}
					    </span>
					    <i class="fa fa-angle-down"></i>
				    </a>
					<ul class="dropdown-menu dropdown-menu-default">
						<li><a href="<%=request.getContextPath()%>/system/logout"><i class="icon-logout" ></i>系统退出</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
</div>
 -->
<!-- 发送私信窗体 -->
<!-- <div id="noteInfoDiv" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="noteInfoModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			 <div class="modal-header bg-primary">
			     <h4 class="modal-title">
			         <i class="icon-speech"></i>
			         <span id="lblAddTitle" style="font-weight:bold">私信内容</span>
			     </h4>
			  </div>
			  <div class="modal-body">
			       <div class="form">
			           <form class="form-horizontal" id="noteInfoForm" method="post">
			              <div class="form-group form-md-line-input">
			                  <label class="col-md-2 control-label" for="form_control_1">发送内容</label>
			                  <div class="col-md-10">
			                       <textarea class="form-control" id="content" name="content" rows="3" placeholder="请简单填写私信，不得超过50个字符！"></textarea>
			                       <div class="form-control-focus"></div>
			                       <span class="help-block">请填写发送内容！</span>
			                  </div>
			              </div>
			           </form>
			       </div>
			  </div>
			  <div class="modal-footer bg-info">
			      <button type="button" id="ensureBtn" class="btn blue btn-outline" data-dismiss="modal">确定</button>
			  </div>
		</div>
	 </div>
</div> -->